<?php get_header(); ?>
    <div id="header">
        <!-- Slider -->
        <div id="slider-holder" class="theme-default">
            <div id="slider" class="nivoSlider">
                <img src="<?php bloginfo('template_directory'); ?>/images/slide1.jpg" data-thumb="images/slide1.jpg" />
                <img src="<?php bloginfo('template_directory'); ?>/images/slide2.jpg" data-thumb="images/slide2.jpg" />
                <img src="<?php bloginfo('template_directory'); ?>/images/slide3.jpg" data-thumb="images/slide3.jpg" />
                <img src="<?php bloginfo('template_directory'); ?>/images/slide4.jpg" data-thumb="images/slide4.jpg" />
            </div>
            <div id="shadow_slider"></div>
        </div>
        <!-- END Slider -->
    </div>

    <div id="main">
    <!-- PHAN TIM KIEM -->
    <div class="cols two-cols">
        <div class="cl">&nbsp;</div>
        <!--COL 1-->
        <div class="col col-first">
            <ul id='choose'>
                <li class="selected" rel='simple'>Tìm Đơn Giản</li>
                <li rel='advance'>Tìm Nâng Cao</li>
            </ul>
            <div class="wrapcol">
                <div id="advance" class="tab" style="display:none;">
                    <form id="searchadvance" action="post">
                        <label>Loại mực</label>
                        <select name="inktype">
                            <option>--Chọn--</option>
                            <option>Mực in phun</option>
                            <option>Mực in laze</option>
                        </select><br/>
                        <label>Hãng sản xuất</label>
                        <select name="brand">
                            <option>--Chọn--</option>
                            <option>Canon</option>
                            <option>Hp</option>
                            <option>Brother</option>
                            <option>Epson</option>
                        </select> <br/>
                        <label>Loại máy</label>
                        <select name="brand">
                            <option>--Chọn--</option>
                            <option>Canon</option>
                            <option>Hp</option>
                            <option>Brother</option>
                            <option>Epson</option>
                        </select> <br/>
                        <label>Sản Phẩm</label>
                        <select name="brand">
                            <option>--Chọn--</option>
                            <option>Canon</option>
                            <option>Hp</option>
                            <option>Brother</option>
                            <option>Epson</option>
                        </select>
                    </form>
                </div>

                <div id="simple" class="tab" style="display:block;">

                    <form id="searhpro" action="post" onsubmit="return false;">
                        <label for="pro_name">Tên Sản Phẩm</label>
                        <input id="pro_name" type="text" name="pro_name" value="" size="25" /><br/>
                        <label>&nbsp;</label>
                        <input type="submit" name="submit" id="btnsearch" value="">
                    </form>

                </div>
            </div>
        </div>
        <!--END COL 1-->
        <!--COL 2-->
        <div class="col col-last">
            <h2>&nbsp;</h2>
            <div class="wrapcol">
                <a href="#" title="Muc in canon">
                    <img src="<?php bloginfo('template_directory'); ?>/images/canon.gif" alt="Muc in canon">
                </a>
                <a href="#" title="Muc in brother">
                    <img src="<?php bloginfo('template_directory'); ?>/images/brother.jpg" alt="Muc in brother">
                </a>
                <a href="#" title="Muc in epson">
                    <img src="<?php bloginfo('template_directory'); ?>/images/epson.png" alt="Muc in epson">
                </a>
                <a href="#" title="Muc in hp">
                    <img src="<?php bloginfo('template_directory'); ?>/images/hp.jpg" alt="Muc in hp">
                </a>
                <a href="#" title="Muc in lexmark">
                    <img src="<?php bloginfo('template_directory'); ?>/images/lexmark.gif" alt="Muc in lexmark">
                </a>
                <a href="#" title="Muc in kodak">
                    <img src="<?php bloginfo('template_directory'); ?>/images/kodak.gif" alt="Muc in kodak">
                </a>
                <a href="#" title="Muc in dell">
                    <img src="<?php bloginfo('template_directory'); ?>/images/dell.jpg" alt="Muc in dell">
                </a>
                <a href="#" title="Muc in jettec">
                    <img src="<?php bloginfo('template_directory'); ?>/images/jet-tec-logo.png" alt="Muc in jettec">
                </a>
            </div>
        </div>
        <!--END COL 2-->
        <div class="cl">&nbsp;</div>
    </div>
    <!-- END PHAN TIM KIEM-->

    <!--KHUYEN MAI-->
    <div class="cl">&nbsp;</div>
    <div id='promote'>
        <div id='foo'>
            <div>
                <a href="#">
                    <img src="<?php bloginfo('template_directory'); ?>/images/350.jpg" width="180" height="157" alt="promote" />
                </a>
                <p>
                    <a href="#">
                        Khuyến mãi 1
                    </a>
                </p>
            </div>
            <div>
                <a href="#">
                    <img src="<?php bloginfo('template_directory'); ?>/images/350.jpg" width="180" height="157" alt="promote" />
                </a>
                <p>
                    <a href="#">
                        Khuyến mãi 2
                    </a>
                </p>
            </div>
            <div>
                <a href="#">
                    <img src="<?php bloginfo('template_directory'); ?>/images/350.jpg" width="180" height="157" alt="promote" />
                </a>
                <p>
                    <a href="#">
                        Khuyến mãi 3
                    </a>
                </p>
            </div>
            <div>
                <a href="#">
                    <img src="<?php bloginfo('template_directory'); ?>/images/350.jpg" width="180" height="157" alt="promote" />
                </a>
                <p>
                    <a href="#">
                        Khuyến mãi 4
                    </a>
                </p>
            </div>
            <div>
                <a href="#">
                    <img src="<?php bloginfo('template_directory'); ?>/images/350.jpg" width="180" height="157" alt="promote" />
                </a>
                <p>
                    <a href="#">
                        Khuyến mãi 5
                    </a>
                </p>
            </div>
            <div>
                <a href="#">
                    <img src="<?php bloginfo('template_directory'); ?>/images/350.jpg" width="180" height="157" alt="promote" />
                </a>
                <p>
                    <a href="#">
                        Khuyến mãi 6
                    </a>
                </p>
            </div>
            <div>
                <a href="#">
                    <img src="<?php bloginfo('template_directory'); ?>/images/350.jpg" width="180" height="157" alt="promote" />
                </a>
                <p>
                    <a href="#">
                        Khuyến mãi 7
                    </a>
                </p>
            </div>
            <div>
                <a href="#">
                    <img src="<?php bloginfo('template_directory'); ?>/images/350.jpg" width="180" height="157" alt="promote" />
                </a>
                <p>
                    <a href="#">
                        Khuyến mãi 8
                    </a>
                </p>
            </div>
        </div>
        <div id="khuyenmai"></div>
    </div>
    <div class="cl">&nbsp;</div>
    <!--END KHUYEN MAI-->

    <!--SAN PHAM BAN CHAY-->
    <div class="cl">&nbsp;</div>
    <div id="product_hot">
        <h2>Sản Phẩm Bán Chạy</h2>
        <div class="shadow_title"></div>
        <div id="product_wrap">
            <div class="product row-first">
                <img src="<?php bloginfo('template_directory'); ?>/images/product/303.jpg" width="160" height="135" />
                <p>Lorem ipsum dolor sit amet</p>
            </div>
            <div class="product row-first">
                <img src="<?php bloginfo('template_directory'); ?>/images/product/308.jpg" width="160" height="135" />
                <p>consectetur adipiscing elit</p>
            </div>
            <div class="product row-first">
                <img src="<?php bloginfo('template_directory'); ?>/images/product/312.jpg" width="160" height="135" />
                <p>Duis felis ipsum</p>
            </div>
            <div class="product row-first col-last">
                <img src="<?php bloginfo('template_directory'); ?>/images/product/EP-22.jpg" width="160" height="135" />
                <p>ullamcorper quis tincidunt eget</p>
            </div>

            <div class="cl">&nbsp;</div>

            <div class="product row-last">
                <img src="<?php bloginfo('template_directory'); ?>/images/product/EP-26.jpg" width="160" height="135" />
                <p>accumsan quis risus</p>
            </div>
            <div class="product row-last">
                <img src="<?php bloginfo('template_directory'); ?>/images/product/EP-65.jpg" width="160" height="135" />
                <p>Etiam molestie magna</p>
            </div>
            <div class="product row-last">
                <img src="<?php bloginfo('template_directory'); ?>/images/product/FX-9.jpg" width="160" height="135" />
                <p>ultricies id adipiscing vitae</p>
            </div>
            <div class="product row-last col-last">
                <img src="<?php bloginfo('template_directory'); ?>/images/product/PFI-102BK.jpg" width="160" height="135" />
                <p>porttitor eu quam</p>
            </div>
            <div class="cl">&nbsp;</div>
        </div>
    </div>
    <!--END SAN PHAM BAN CHAY-->

    </div>
    <!-- END Main -->

	   


<?php get_footer(); ?>